import React from "react"
import { Button } from 'antd'
import style from './index.module.scss'
import { useNavigate } from "react-router-dom"

const page404: React.FC = () => {
  
  const navigateTo = useNavigate()

  return <div className={style.container}>
    <div className={style.number}>404</div>
    <div className="flex flex-col gap-3 mt-[10px]">
      <p>页面走丢了😭</p>
      <Button type="primary" onClick={() => navigateTo('/')}>回首页</Button>
    </div>
  </div>
}

export default page404